<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<!--
  a标签表示一个超链接标签,点击超链接之后会根据href属性指定的地址进行页面跳转
  href地址的值是一个url地址
  一个完整的url地址格式
    协议名://域名:端口/应用名[参数]
  href属性值可以是一个完整的url地址,也可以是一个相对路径
  完整的url地址是从互联网上或者指定服务器上获取资源
  相对地址是从本地获取资源
  相对路径用法与图片的相对路径用法一致
-->
<a href="#foot" name="top">回到底部</a><br>
<a href="https://www.baidu.com/">百度一下</a><br>
<a href="01-第一个HTML文件.html">跳转到本地的01资源</a><br>
<a href="#computer">电脑</a>
<a href="#study">学习用品</a><br>
<hr>
<a href="01-第一个HTML文件.html" target="_self">第一个HTML文件</a>
<a href="02-常用标签.html" target="_blank">常用标签</a>
<a href="03-容器标签.html" target="_parent">父页面</a>
<a href="04-段落标签.html" target="_top">顶层页面</a>
<hr>
<h1>有序列表</h1>
<h2>第一章</h2>
<ol type="1" start="4">
    <li>第一节</li>
    <li>第二节</li>
    <li>第三节</li>
    <li>第四节</li>
</ol>
<h2>第二章</h2>
<ol type="A" start="3" reversed="reversed">
    <li>第一节</li>
    <li>第二节</li>
    <li>第三节</li>
    <li>第四节</li>
    <li>第五节</li>
</ol>
<h2>第三章</h2>
<ol type="a">
    <li>第一节</li>
    <li>第二节</li>
    <li>第三节</li>
    <li>第四节</li>
</ol>
<h2>第四章</h2>
<ol type="I">
    <li>第一节</li>
    <li>第二节</li>
    <li>第三节</li>
    <li>第四节</li>
</ol>
<h2>第一章</h2>
<ol type="i" start="3">
    <li>第一节</li>
    <li>第二节</li>
    <li>第三节</li>
    <li>第四节</li>
</ol>
<hr>
<h1>无序列表</h1>
<h2>家用电器</h2>
<ul type="disc">
    <li>冰箱</li>
    <li>空调</li>
    <li>洗衣机</li>
    <li>微波炉</li>
</ul>
<h2>手机</h2>
<ul type="circle">
    <li>华为非凡大师</li>
    <li>iphone16</li>
    <li>小米note14</li>
</ul>

<h2 id="computer">电脑</h2>
<ul type="square">
    <li>华为笔记本</li>
    <li>Mac</li>
    <li>小米笔记本</li>
    <li>联想笔记本</li>
    <li>戴尔笔记本</li>
</ul>

<h2 id="study">学习用品</h2>
<ul type="none">
    <li>签字笔</li>
    <li>记事本</li>
    <li>ipad</li>
    <li>橡皮</li>
</ul>

<h1>定义列表</h1>
<dl>
    <dt>您最喜欢的动画片</dt>
    <dd>汪汪队立大功</dd>
    <dd>数码宝贝</dd>
    <dd>恐龙战队</dd>

    <dt>您最喜欢的电影</dt>
    <dd>哪吒之魔童降世</dd>
    <dd>死侍</dd>
    <dd>金刚狼</dd>
</dl>

<dl>
    <dt>您最喜欢的综艺节目</dt>
    <dd>奔跑吧</dd>
    <dd>极限挑战</dd>
    <dd>王牌对王牌</dd>
</dl>
<a href="#top" id="foot">回到顶部</a>
<!--<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>-->
<!--<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>-->
</body>
</html>